<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
{% load static %}
<link rel="stylesheet"
  href='{% get_static_prefix %}css/bootstrap.min.css' 
  type="text/css" media="all" />
<style>
      body {
        padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
      }
</style>
<link rel="stylesheet"
  href='{% get_static_prefix %}css/bootstrap-responsive.min.css' 
  type="text/css" media="all" />
<link rel="stylesheet"
  href='{% get_static_prefix %}css/smoothness/jquery-ui-1.8.16.custom.css' 
  type="text/css" media="all" />
<link rel="stylesheet"
  href='{% get_static_prefix %}css/datatables-bootstrap.css' 
  type="text/css" media="all" />
      
{% block extra_style %}{% endblock %}

<script type='text/javascript' 
  src='{% get_static_prefix %}js/jquery-1.7.2.min.js'>
</script>
<script type='text/javascript' src='{% get_static_prefix %}js/jquery-ui-1.8.16.custom.min.js'></script>
<script type='text/javascript' 
  src='{% get_static_prefix %}js/jquery.dataTables.min.js'>
</script>
<script type='text/javascript' 
  src='{% get_static_prefix %}js/bootstrap.min.js'>
</script>
<script type='text/javascript' 
  src='{% get_static_prefix %}js/bootstrap-transition.js'>
</script>
<script type='text/javascript' 
  src='{% get_static_prefix %}js/bootstrap-dropdown.js'>
</script>
<script type='text/javascript' 
  src='{% get_static_prefix %}js/datatables-bootstrap.js'>
</script>

{% block java_script %}{% endblock %}
<title>MunkiWebAdmin</title>
</head>
{% block body_tag %}<body>{% endblock %}

{% block main_menu %}
<div class="navbar navbar-fixed-top">
  <div class="navbar-inner">
    <div class="container">

      <!-- .btn-navbar is used as the toggle for collapsed navbar content -->
      <a class="btn btn-navbar" data-toggle="collapse" 
          data-target=".nav-collapse">
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </a>
  
      <span class="brand">MunkiWebAdmin</span>

      <div class="nav-collapse">
        <ul class="nav" id="mainmenu">
          <li {% if page == 'overview' %} class="active" {% endif %}>
            <a href="/report/overview">Overview</a>
          </li>
          <li {% if page == 'reports' %} class="active" {% endif %}>
            <a href="/report/index">Reports</a>
          </li>
          <li {% if page == 'catalogs' %} class="active" {% endif %}>
            <a href="/catalog">Catalogs</a>
          </li>
          <li {% if page == 'manifests' %} class="active" {% endif %}>
            <a href="/manifest">Manifests</a>
          </li>
          <li {% if page == 'inventory' %} class="active" {% endif %}>
            <a href="/inventory">Inventory Clients</a>
          </li>
          <li {% if page == 'inventory_items' %} class="active" {% endif %}>
            <a href="/inventory/items">Inventory items</a>
          </li>
        </ul>
        <ul class="nav pull-right">
          <li id="admin" class="loginlogout"><a href="/admin">Admin</a></li>
          <li id="login" class="loginlogout">
            {% if user.is_authenticated %}
              <a href="/logout">Logout {{ user.username }}</a>
            {% else %}
              <a href="/login">Login</a>
            {% endif %}
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>
{% endblock %}

<div class="container">
  <div id="content">
    {% block content %}{% endblock %}
  </div>
</div>

<div id="footer">
  <div class="clearingdiv"></div>
</div>
</body>
</html>